<div id="Creator_tabBar">
	<div>
		<div id="SpritesheetUpload_btnSave" class="Creator_tabBar_tab"><p><i class="icon-ok"></i>{$T.btnSave}</p></div>
		<div id="SpritesheetUpload_btnDiscard" class="Creator_tabBar_tab"><p><i class="icon-remove"></i>{$T.btnDiscard}</p></div>
		<div class="Creator_tabBar_tab"></div>
	</div>
</div>
<div id="Creator_container">
	<div id="SpritesheetUpload_container">
		<div id="SpritesheetUpload_container_ovl"></div>
		<canvas id="SpritesheetUpload_canvas"></canvas>
		<div id="SpritesheetUpload_canvas_hScrollbar"><div class="scroller"></div></div>
		
		<div class="SpritesheetUpload_section">
			<p>{$T.filename} <span id="SpritesheetUpload_filename"></span></p>
		
			<div>
				<div id="SpritesheetUpload_btnPrevious" class="SpritesheetUpload_button disabled"><i class="icon-chevron-left"></i><p>{$T.btnPrevious}</p></div>
				<div id="SpritesheetUpload_btnNext" class="SpritesheetUpload_button disabled"><i class="icon-chevron-right"></i><p>{$T.btnNext}</p></div>
			</div>
			
			<div>
				<div id="SpritesheetUpload_btnMoveBack" class="SpritesheetUpload_button disabled"><i class="icon-signout icon-flip-horizontal"></i><p>{$T.btnMoveBack}</p></div>
				<div id="SpritesheetUpload_btnMoveForward" class="SpritesheetUpload_button disabled"><i class="icon-signout"></i><p>{$T.btnMoveForward}</p></div>
			</div>
			
			<div>
				<div id="SpritesheetUpload_btnDuplicate" class="SpritesheetUpload_button disabled"><i class="icon-copy"></i><p>{$T.btnDuplicate}</p></div>
				<div id="SpritesheetUpload_btnRemove" class="SpritesheetUpload_button disabled"><i class="icon-remove"></i><p>{$T.btnRemove}</p></div>
			</div>
			
			<div>
				<div id="SpritesheetUpload_btnInvert" class="SpritesheetUpload_button disabled"><i class="icon-exchange"></i><p>{$T.btnInvert}</p></div>
			</div>
			
			<div>
				<label class="SpritesheetUpload_label" for="SpritesheetUpload_inName">{$T.name}</label> <input type="text" class="SpritesheetUpload_input" id="SpritesheetUpload_inName"></input>
			</div>
			<div>
				<label class="SpritesheetUpload_label" for="SpritesheetUpload_inFPS">{$T.fps}</label> <input type="number" class="SpritesheetUpload_input" id="SpritesheetUpload_inFPS" min="1" max="60" value="10"></input>
			</div>
		</div>
		<div class="SpritesheetUpload_section">
			<p>{$T.preview}</p>
			<canvas id="SpritesheetUpload_previewCanvas" width="64" height="64"></canvas>
		</div>
		
		<div>
			<h3 id="SpritesheetUpload_dropText">{$T.drop}</h3>
		</div>
		
	</div>
</div>

{$T.onload}